<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
    h5拍照保存本地
    <small>h5 demo</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
    <li><a href="#">h5 demo</a></li>
    <li class="active">h5拍照保存本地</li>
  </ol>
</section>

<!-- Main content -->

<section class="content">
  <div class="row">
    <!-- left column -->
    <div class="col-xs-12">
      <!-- general form elements -->
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title">h5拍照保存本地</h3>
        </div>
        <!-- /.box-header -->
        <!-- form start -->
        <form role="form">

          <div class="box-body">
            <div class="form-group">
              <video id="video" autoplay=""style='width:640px;height:480px'></video>
            </div>
            <div class="form-group">
              <button id="paizhao">拍照</button>
            </div>
            <div class="form-group">
              <canvas id="canvas" width="640" height="480"></canvas>
            </div>
            <div class="form-group">
              <label for="exampleInputEmail1">Email address</label>
              <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
            </div>
            <div class="form-group">
              <label for="exampleInputPassword1">Password</label>
              <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
            </div>
            <div class="form-group">
              <label for="exampleInputFile">File input</label>
              <input type="file" id="exampleInputFile">

              <p class="help-block">Example block-level help text here.</p>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox"> Check me out
              </label>
            </div>
          </div>
          <!-- /.box-body -->

          <div class="box-footer">
            <button type="submit" class="btn btn-primary">Submit</button>
          </div>
        </form>
      </div>
      <!-- /.box -->

    </div>
    <!--/.col (left) -->
  </div>
  <!-- /.row -->
</section>

